<template>
  <div>
    <el-tabs tab-position="left">
      <el-tab-pane label="食谱收藏">
        <div class="list-box">
          <div class="list-node" v-for="(item, i) in shipuList" :key="i">
            <shipu-type-list></shipu-type-list>
          </div>
        </div>
      </el-tab-pane>
      <el-tab-pane label="菜单收藏">
        <div class="list-box">
          <div class="list-node" v-for="(item, i) in caidanList" :key="i">
            <caidan-type-list></caidan-type-list>
          </div>
        </div>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import CaidanTypeList from "../CaidanShowType/CaidanTypeList.vue";
import ShipuTypeList from "../ShipuShowType/ShipuTypeList.vue";
export default {
  data() {
    return {
      shipuList: [1, 2, 3, 4, 5],
      caidanList: [1, 2, 3, 4, 5],
    };
  },
  components: { CaidanTypeList, ShipuTypeList },
};
</script>

<style lang="less" scoped>
.list-node{
  margin: 5px 0;
}
</style>

